.r{
    header{
        margin:0px auto;
        padding:15px 0;
        width: 1200px;
        height: 50px;
        // box-sizing: border-box;
        border-bottom: 1px solid #777;
        .logo{
            height: 100%;
            img{
                height: 100%;
            }
        }
    }
    .registerarea{
        margin:0 auto;
        width: 1200px;
        min-height: calc(100vh - 50px - 77px);
        .registerarea_top{
            width: 100%;
            line-height: 40px;
            h5{
                padding:0;
                margin:0 0 0 10px;
                float: left;
                height: 40px;
                font-size: 16px;
            }
            .right{
                margin-right: 10px;
                float: right;
                height: 40px;
                >p{
                    padding:0;
                    margin:0;
                    font-size: 12px;
                    >a{
                        color: #c42732;
                    }
                }
            }
        }
        .reg-form{
            margin:0 auto;
            margin-top: 120px;
            width: 600px;
            // text-align: center;
            color: #979797;
            >ul{
                margin:0;
                padding:0;
                >li{
                    position: relative;
                    padding:15px 0;
                    line-height: 45px;
                    // text-align: right;
                    &:nth-child(3){
                        margin-top: 30px;
                    }
                    // &:last-child{
                    //     text-align: center;
                    // }
                    label{
                        margin-right: 5px;
                        display: inline-block;
                        width: 100px;
                        text-align: right;
                    }
                    input{
                        width: 225px;
                        height: 35px;
                        outline: none;
                        // &:nth-child(4){
                        //     width: 10px;
                        //     height: 10px;
                        // }
                    }
                    .agreement{
                        margin-left:110px;
                        width: 10px;
                        height: 10px;
                    }

                    >span{
                        margin-left: 5px;
                        color: #c42732;
                        .iconfont{
                            font-size: 17px;
                        }
                    }
                    .security{
                        position: absolute;
                        top: 55px;
                        right: 260px;
                        margin:0;
                        height: 30px;
                        line-height: 30px;
                        font-size: 12px;
                        color: #979797;
                        >span{
                            margin-top: 10px;
                            display: inline-block;
                            width: 30px;
                            height: 20px;
                            line-height: 20px;
                            text-align: center;
                            color: #fff;
                            &:last-child{
                                background-color: #ece036;
                            }
                            &:nth-child(2){
                                background-color: #67d178; 
                            }
                            &:first-child{
                                background-color: red;
                            }
                        }
                    }
                }

            }
            h3{
                margin:20px 155px 0;
                width: 140px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #fff;
                background-color: #c42732;
            }
        }
    }
}
.clearfix::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}